<div id="addShopModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <h3 class="m-t-none m-b ">开店</h3>
                <div class="ibox-content">
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">商铺名称</label>
                        <div class="col-sm-4">
                            <input v-model="addShopInfo.shopName" type="text" placeholder="必填，请填写商铺名称"
                                class="form-control">
                        </div>
                        <label class="col-sm-2 col-form-label text-right">商铺类型</label>
                        <div class="col-sm-4">
                            <select class="custom-select" v-model="addShopInfo.shopType"
                                @change="_changeAddShopType(addShopInfo.shopType)">
                                <option selected disabled value="">必填，请选择商铺类型</option>
                                <option :value="item.shopTypeId" v-for="(item,index) in shopInfo.shopTypes">
                                    {{item.typeName}}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">店铺地区</label>
                        <div class="col-sm-10">
                            <select id="pro" class="form-control form-control-sm" style="width: 30%;display: inline;"
                                v-model="addShopInfo.selectProv" @change="getProv(addShopInfo.selectProv)">
                                <option value='' disabled selected style='display:none;'>请选择省</option>
                                <option v-for="item in addShopInfo.provs" :label="item.areaName" :value="item.areaCode">
                                    {{item.areaName}}
                                </option>
                            </select>
                            <select id="city" class="form-control form-control-sm" style="width: 30%;display: inline;"
                                v-if="addShopInfo.selectProv!=''" v-model="addShopInfo.selectCity"
                                @change="getCity(addShopInfo.selectCity)">
                                <option value='' disabled selected style='display:none;'>请选择城市</option>
                                <option v-for="item in addShopInfo.citys" :label="item.areaName" :value="item.areaCode">
                                    {{item.areaName}}
                                </option>
                            </select>
                            <select id="area" class="form-control form-control-sm" style="width: 30%;display: inline;"
                                v-if="addShopInfo.selectCity!=''" v-model="addShopInfo.areaCode">
                                <option value='' disabled selected style='display:none;'>请选择区县</option>
                                <option v-for="item in addShopInfo.areas" :label="item.areaName" :value="item.areaCode">
                                    {{item.areaName}}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">开店类型</label>
                        <div class="col-sm-4">
                            <select class="custom-select" v-model="addShopInfo.openType">
                                <option selected disabled value="">必填，请选择开店类型</option>
                                <option v-for="(item,index) in addShopInfo.openTypes" :value="item.statusCd">
                                    {{item.name}}
                                </option>
                            </select>
                        </div>
                        <label class="col-sm-2 col-form-label text-right">商铺logo</label>
                        <div class="col-sm-4">
                            <vc:create path="frame/uploadImageUrl" callBackListener="addShop"
                                callBackFunction="notifyUploadCoverImage" namespace="addShop" imageCount="1">
                            </vc:create>
                        </div>
                    </div>
                    <div class="form-group row" v-if="addShopInfo.accountBondAmount">
                        <label class="col-sm-2 col-form-label">保证金金额</label>
                        <div class="col-sm-4">
                            <input v-model="addShopInfo.accountBondAmount" disabled="disabled" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">商铺描述</label>
                        <div class="col-sm-4">
                            <textarea v-model="addShopInfo.shopDesc" placeholder="必填，请填写商铺描述"
                                class="form-control"></textarea>
                        </div>
                        <label class="col-sm-2 col-form-label text-right">发货地址</label>
                        <div class="col-sm-4">
                            <textarea v-model="addShopInfo.sendAddress" placeholder="必填，请填写发货地址"
                                class="form-control"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">退货联系人</label>
                        <div class="col-sm-4">
                            <input v-model="addShopInfo.returnPerson" type="text" placeholder="必填，请填写退货联系人"
                                class="form-control">
                        </div>
                        <label class="col-sm-2 col-form-label text-right">退货联系电话</label>
                        <div class="col-sm-4">
                            <input v-model="addShopInfo.returnLink" type="text" placeholder="必填，请填写退货联系电话"
                                class="form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">退货地址</label>
                        <div class="col-sm-10">
                            <textarea v-model="addShopInfo.returnAddress" placeholder="必填，请填写退货地址"
                                class="form-control"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">坐标X位置</label>
                        <div class="content-img col-sm-3">
                            <input v-model="addShopInfo.mapX" disabled type="text" placeholder="请点击地图获取坐标"
                                class="form-control">
                        </div>
                        <label class="col-sm-2 col-form-label">坐标Y位置</label>
                        <div class="content-img col-sm-3">
                            <input v-model="addShopInfo.mapY" disabled type="text" placeholder="请点击地图获取坐标"
                                class="form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">定位</label>
                        <div class="col-sm-10">
                            <div id="container" style="height: 300px;
                  width: 100%;
                  float: left;"></div>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <button class="btn btn-primary float-right" type="button" v-on:click="saveShopInfo()">
                            <i class="fa fa-check"></i>&nbsp;保存
                        </button>
                        <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                            data-dismiss="modal">
                            <i class="fa fa-close"></i>&nbsp;取消
                        </button>
                        <label class="col-form-label float-right">
                            保存成功后，管理员审核通过即可使用。
                        </label>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>